<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>这是title</title>
  <style>
    
  </style>
</head>
<body>
  <form>
    <input type="text">
    <input type="button">
    <input type="radio">
    <input type="checkbox">
    <textarea></textarea>
    <span>123</span>
    <select></select>
  </form>
  <form> 2 </form>
  <form> 3 </form>
</body>
<script>

  // 获取页面唯一的head
  console.log( document.head );
  
  // 获取页面唯一的body
  console.log( document.body );
  
  // 获取页面所有的form
  console.log( document.forms );
  
  console.log( document.forms[0] );
  // 获取页面某一个form的表单控件
  console.log( document.forms[0].elements );

  // 不是选择器，直接操作title的内容
  console.log( document.title );
  document.title = "hello world"
  
</script>
</html>